Setting the Maximum Height and Width

By default, the size of the drop-down list is determined by the width of the widest C1ComboBoxItem item and the collective height of all of the C1ComboBoxItem items, as the DropDownWidth and DropDownHeight properties are both set to NaN.

You can control the maximum width and maximum height of the drop-down list by setting the C1ComboBox control's MaxDropDownWidth and MaxDropDownHeight properties. Setting these properties ensures that the area of the drop-down list can never expand to a larger area than you've specified. If the width or height of the list exceeds the specified maximum height and width, scrollbars will automatically be added to the drop-down list.

In XAML
In Code
In the Designer

Complete the following steps:

Add MaxDropDownHeight="150" and MaxDropDownWidth="350" to the <c1:C1ComboBox> tag so that the markup resembles the following:

XAML	Copy Code
<c1:C1ComboBox HorizontalAlignment="Left" Width="249" MaxDropDownHeight="150" MaxDropDownWidth="350">.

Run the program and click the combo box's drop-down arrow to see the result of your settings.

Complete the following steps:

Add x:Name="C1ComboBox1" to the <c1:C1ComboBox> tag so that the object will have a unique identifier for you to call in code.
Open the MainPage.xaml.cs page.
Add the following code beneath the InitializeComponent() method to set the DropDownHeight property :

Visual Basic	Copy Code
C1ComboBox1.MaxDropDownHeight = 150

C#	Copy Code
C1ComboBox1.MaxDropDownHeight = 150;

Add the following code beneath the InitializeComponent() method to set the DropDownWidth property :

Visual Basic	Copy Code
C1ComboBox1.MaxDropDownWidth = 350

C#	Copy Code
C1ComboBox1.MaxDropDownWidth = 350;

Run the program and click the combo box's drop-down arrow to see the result of your settings.

Complete the following steps:

Click the C1ComboBox control once to select it.
In the Properties window, complete the following:

Set the MaxDropDownHeight to a value, such as "150".
Set the MaxDropDownWidth to a value, such as "350".

Run the program and click the combo box's drop-down arrow to see the result of your settings.